<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="./css/main.css">		
</head>
<body>
	<header>
		<div class="nav">
			<a href=""><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e2/World_Animal_Protection_logo.svg/250px-World_Animal_Protection_logo.svg.png" alt=""></a>
			<a href="#" class="active">首页</a>
			<a href="#">濒危动物</a>
			<a href="#">在线募捐</a>
			<a href="#">最新资讯</a>
			<a href="#">动物图库</a>
			<a href="./register.html">加入志愿者</a>
			<a href="./info.html">流浪动物基地</a>
		</div>
	</header>
	<banner class="bannner-img">
		<img src="http://pic.90sjimg.com/back_pic/00/04/27/49/8a087c0a7b58a70cb445562c2d4c0460.jpg" class="banner" alt="">
		<div class="banner-info">
			
			<p style="letter-spacing:5px">它们需要广阔的家</p>
			<p style="letter-spacing:-3px;text-align: center">Animal Protection</p>
		</div>
	</banner>
	<div class="main">
		<div class="lf-content">
			<div class="lf-menu">
				<div class="lf-basic">
					<h3>保护动物</h3>
				</div>
				<div class="rt-basic">
					<a href="" class="active">综合</a>
					<a href="">陆生</a>
					<a href="">水生</a>
				</div>
			</div>

		<div class="lf-content picture">
			<div class="pic-box">
				<!-- <img src="https://dpic.tiankong.com/8v/mf/QJ9103879969.jpg?x-oss-process=style/670ws" alt=""> -->
				<img src="https://dpic.tiankong.com/ka/33/QJ9105055825.jpg?x-oss-process=style/670ws" alt="">
				<span>红嘴鸥<a href="">查看详情</a></span>
			</div>
			<div class="pic-box">
				<img src="https://dpic.tiankong.com/zv/ua/QJ6761289517.jpg?x-oss-process=style/670ws" alt="">
				<span>丹顶鹤<a href="">查看详情</a></span>
			</div>
			<div class="pic-box">
				<img src="https://dpic.tiankong.com/ut/wh/QJ6704919269.jpg?x-oss-process=style/670ws" alt="">
				<span>滇池红嘴海鸥<a href="">查看详情</a></span>
			</div>
			<div class="pic-box">
				<img src="https://dpic.tiankong.com/bm/h5/QJ9104532854.jpg?x-oss-process=style/670ws" alt="">
				<span>东北虎<a href="">查看详情</a></span>
				
			</div>
			<div class="pic-box">
				<img src="https://dpic.tiankong.com/83/m9/QJ9103355137.jpg?x-osscess=style/670ws" alt="">
				<span>鸸鹋<a href="">查看详情</a></span>
			</div>
			<div class="pic-box">
				<img src="https://dpic.tiankong.com/nt/ue/QJ6665606895.jpg?x-oss-process=style/670ws" alt="">
				<span>岩羊<a href="">查看详情</a></span>
			</div>
			<div class="pic-box">
				<img src="https://dpic3.tiankong.com/2v/pk/QJ9122139963.jpg?x-oss-process=style/240h" alt="">
				<span>海豹<a href="">查看详情</a></span>
			</div>
			<div class="pic-box">
				<img src="https://dpic.tiankong.com/zr/z2/QJ6123533997.jpg?x-oss-process=style/670ws" alt="">
				<span>白唇鹿<a href="">查看详情</a></span>

			</div>
			<div class="pic-box">
				<img src="https://dpic.tiankong.com/8v/mf/QJ9103879969.jpg?x-oss-process=style/670ws" alt="">
				<span>火烈鸟<a href="">查看详情</a></span>
			</div>
		</div>
		</div>
		<div class="right-content">
				<h4 style="padding:15px;font-size: 22px">相关文章</h4>
				<div class="border"></div>
				<div class="news">
					<p>英国bbc濒危动物纪录片<span>2018.03.13</span></p>
					<p>世界动物保护协会荣膺“世界责任旅游奖”金奖<span>2018.05.11</span></p>
					<p>超过200,000只伤残的动物需要你的帮助<span>2018.06.23</span></p>
					<p>野生动物及森林资源保护方针、政策和法规<span>2018.08.01</span></p>
					<p>世界动物保护协会发布印度穿山甲非法交易调查报告<span>2018.10.13</span></p>
					<p>世界动物保护协会发布巴厘岛野生动物旅游娱乐景点<span>2018.10.18</span></p>
					<p>动保观点之中国野生动物保护，刻不容缓<span>2018.12.23</span></p>
				</div>
				
			</div>
			
		</div>
	<footer>
		<span>电话查号台：010-62791302 信箱：webmaster@tsinghua.edu.cn 地址：北京市海淀区动物保护协会 公网安备 110422614053 号</span>
	</footer>
</body>
</html>